<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>商品详情页-Demo展示，桃子同学的个人空间</title>
    <link rel="icon" href="/public/images/index/about/favicon.ico" >
    <link rel="stylesheet" href="/public/styles/base.css">
    <style>
        /*header*/
        .outer{color:#7C7974}
        a{color:#7C7974}
        .html-center{width: 1190px;margin: 0 auto;}
        .link-normal{transition: all .2s ease;}
        .link-normal:hover{color:#FF7C00;}
        .text-orange{color:#fe6d01 !important;}
        .text-blue{color:#0087ff;}
        .pr{position: relative;}
        .text-middle{vertical-align: middle;}
        .hide{display: none;}

        .header{overflow: auto}
        .header-top{height: 38px;}
        .top-logo{float: left;border-left:1px solid #F0EFED;padding: 9px 10px 9px 15px;position: relative}
        .top-logo i{background: url(/public/images/index/demo/demo_07/ico_arrow_down.png);width: 11px;height: 5px;background-size:100%;transition: all .3s ease; }
        .top-logo .link-box{position: absolute; background: #fff; left: 0; font-size: 12px; margin-top: 9px; width: 290px; padding: 10px;display: none;}
        .top-logo .link-box a{float: left; margin-right: 14px; line-height: 24px;}
        .top-logo:hover i{transform: rotate(180deg)}
        .top-logo:hover .link-box{display: block}
        .top-user{float: left;border-left:1px solid #F0EFED;padding: 10px 12px;font-size: 13px;}
        .top-user i{color:#FF6000;}
        .top-phone{float: left;border-left:1px solid #F0EFED;border-right:1px solid #F0EFED;padding:8px 11px;font-size: 13px;}
        .top-phone strong{font-weight: 500;color:#000;font-size: 16px;margin-left: 7px;}
        .top-nav-main-list{float: right}
        .top-nav-item{display: inline-block; border-left: 1px solid #cecece; padding: 0 8px; margin: 10px 0; font-size: 13px;}
        .top-nav-item:nth-of-type(1){border: none;}
        .top-nav-item a{color:#868686;}
        .header-middle{background: #f3f3f3;overflow: auto;width: 100%;}
        .header-middle-left{float: left;}
        .merchant-title{display: block; color: #f94c39; font-weight: bold; font-size: 33px; margin-top: 30px;}
        .merchant-link{color: #999; display: inline-block; font-size: 16px; margin-right: 10px; margin-bottom: 30px;}
        .save-desktop{border-right: 1px solid;font-size: 12px;padding-right: 5px;line-height: 12px;display: inline-block}
        .collect-link{display: inline-block;font-size: 12px;}
        .header-middle-right{float: right}
        .header-two-code{float: right; margin-top: 16px;}
        .merchant-lite-info{float: left; text-align: right; margin: 15px 12px 0 0; line-height: 38px;}
        .merchant-qq span{vertical-align: middle;font-size: 13px;margin-bottom: 10px;}
        .qq-talk{background: url(/public/images/index/demo/demo_07/qqtalk.png);width: 96px;height: 26px;display: inline-block;vertical-align: middle}
        .wangwang-talk{background: url(/public/images/index/demo/demo_07/wangwang_ico.png);width: 16px;height: 17px;
            display: inline-block;vertical-align: middle;margin-left: 5px;}
        .merchant-phone{font-size: 15px; line-height: 13px;}
        .merchant-phone i{background: url(/public/images/index/demo/demo_07/small_ico_tell.png) no-repeat;width: 11px;height: 13px;margin-right: 5px;}
        .merchant-address{font-size: 13px;}
        .header-bottom{background: #2f2f2f;border-bottom:3px solid #fc4b37;height: 33px}
        .header-bottom-left{float: left;}
        .nav-main-list li{float: left;}
        .nav-main-list li:nth-last-of-type(1) a{border-right:1px solid #505050;}
        .nav-main-list li a{position: relative;color:#fff;padding: 6px 15px 8px;display:block;border-left:1px solid #505050;}
        .nav-main-list li a.gray{color: #a4a4a4;}
        .nav-main-list li a:hover{background-color:#ededed;color:#454545;font-weight: bold;padding-top: 10px; top: -3px;border-color:transparent}
        .nav-main-list li a.active{background-color:#fc4b37;color:#fff;font-weight: bold;padding-top: 10px; top: -3px;border-color:transparent}
        .nav-main-list li a .new-ico{background: url(/public/images/index/demo/demo_07/new.gif);width: 19px;height: 14px;position: absolute;right: 0;top:-7px;}
        .nav-main-list li a .locked-ico{background: url(/public/images/index/demo/demo_07/lock.png); width: 11px; height: 14px;
            vertical-align: middle; margin-right: 6px; margin-top: -3px;}
        .header-bottom-right{float: right;margin-top: 11px;margin-right: -8px;}
        .nav-other-list li{float: left;}
        .nav-other-list a{display: block; border-left: 1px solid #737373; font-size: 12px; padding: 2px 10px; color: #fff; line-height: 9px;}
        .nav-other-list li:nth-of-type(1) a{border:none;}
        /*main*/
        .second-nav-box{background: #f3f3f3;border-bottom: 1px solid #d9d9d9;}
        .second-nav-list{height: 40px;}
        .second-nav-item{float: left; padding: 14px 10px 14px 0;}
        .second-nav-item a{display: block; padding: 0 0 0 10px; border-left: 1px solid #737373; line-height: 11px; font-size: 12px;transition: all .2s ease;}
        .second-nav-item a:hover{color:#fb4a35}
        .second-nav-item:nth-of-type(1) a{border: transparent}
        .second-nav-item a.all{color:#fb4a35;font-weight: bold}
        .second-nav-item.active{background: #fff;border: 1px solid;border-color:transparent #d9d9d9 #fff #d9d9d9 ;}
        .second-nav-item.active a{border: none;color:#fb4a35;cursor: default;font-weight: bold}

        .product-info-box{height: 549px;margin: 18px 0;}
        .product-info-left{border:1px solid;border-color:#e2e2e2 transparent #e2e2e2 #e2e2e2;width: 970px;height: inherit;float: left;position: relative}
        .report-btn{position: absolute; left: 11px; top: -9px; font-size: 12px; background: #fff; padding: 0 5px;}
        .product-info-left .inner{padding: 18px 15px;}
        .product-img-box{float: left;}
        .big-img-box{position: relative;overflow: hidden}
        .big-img-box .big-img{width: 450px;height: 450px;}
        .tag-box{position: absolute;right: 7px;top:0;}
        .tag-box img{margin-left: 3px;}
        .big-img-box:hover .share-box{bottom:0;}
        .big-img-box .share-box{position: absolute;bottom:-36px;left: 0;background: rgba(182,58,43,.6);right: 0;transition: bottom .3s ease;}
        .big-img-box .share-box a{color: #fff; width: 33.3%; float: left; text-align: center; padding: 8px 0;}
        .big-img-box .share-box a:hover{color: #ffdf01;background: #fc4b37}
        .big-img-box .share-box a .small{font-size: 12px;}
        .small-img-item{border:1px solid #e8e8e8;margin: 6px 4px 0 0;float: left}
        .small-img-item img{width: 60px;height: 60px;}
        .small-img-item:hover,.small-img-item.active{border-color:#fb4b37 }
        .product-details {float: left;margin-left: 15px;}
        .product-details h5{color:#0087ff;font-size: 18px;}
        .product-details h6{color: #fc4b36; font-size: 12px; margin: 3px 0 10px 0;}
        .product-price-info{border:1px solid #e8e8e8;width: 471px;height: 155px;margin-bottom: 22px;}
        .product-price-info .top-box{background: #fff7f0;height: 80px;border-bottom:1px solid #e8e8e8;font-size: 12px;color: #000}
        .product-info-inner{padding: 9px 14px;}
        .product-price-info .price{display: inline-block;margin-right: 10px;}
        .product-price-info .price strong{color: #f00; font-size: 26px;}
        .product-price-info .price strong i{font-size: 18px;}
        .product-price-info .percent{display: inline-block;}
        .product-price-info .percent strong{color: #0087ff; font-size: 26px;}
        .product-price-info .order-price{margin-top: 5px;}
        .product-price-info .order-price p{background: url(/public/images/index/demo/demo_07/small_ico_tell.png) no-repeat;
            padding-left: 15px; display: inline-block; line-height: 13px; color: #FD9000;}
        .product-price-info .middle-box{height: 39px;border-bottom: 1px solid #e8e8e8;overflow: hidden}
        .second-title{color: #0087ff; font-size: 15px; float: left; margin: 9px; line-height: 25px;}
        .product-price-info .bottom-box{height: 34px;}
        .product-tag-box{width: 271px;float: left;height: inherit;border-right:1px solid #e8e8e8;position: relative}
        .product-price-info .bottom-box .show-more{background: url(/public/images/index/demo/demo_07/ico_arrow_down.png) no-repeat; width: 11px;
            height: 6px; position: absolute; right: 7px; top: 14px; background-size: 100%;z-index: 2;transition: all .3s ease;}
        .product-tag-box ul{width: 240px; overflow: hidden; height: inherit; line-height: 29px; padding-left: 10px;
            box-sizing: border-box;position: relative;}
        .product-tag-box li{float: left;margin-right: 8px;}
        .product-tag-box li i{background: url(/public/images/index/demo/demo_07/ico_arrow_down_active.png) no-repeat 50% 63%; width: 9px;
            height: 9px; background-size: 100%; border: 1px solid #ccc; border-radius: 50%; vertical-align: middle; margin-right: 3px; }
        .product-tag-box li span{vertical-align: middle;font-size: 12px;}
        .product-tag-box:hover .show-more{transform: rotate(180deg)}
        .product-tag-box:hover ul{width: 273px; height: auto; background: #fff; border: 1px solid #e8e8e8; left: -1px; top: -1px;}
        .daifa-box{width: 99px; border-right: 1px solid #e8e8e8; float: left; height: inherit; line-height: 34px; font-size: 12px; text-align: center;}
        .daifa-box i{color: #ff9000; margin-right: 3px; font-size: 14px;}
        .product-service-box{width: 99px;height: inherit;float: left;line-height: 34px;font-size: 12px;color:#ff9000;position: relative}
        .product-service-box ul{width: 80px;height: inherit;overflow: hidden;padding-left: 10px;position: relative}
        .product-service-box:hover ul{width: 89px; left: -1px; border: 1px solid #e8e8e8; height: auto;top: -1px;background: #fff}
        .product-service-box:hover .show-more{transform: rotate(180deg)}
        .product-attribute-box{font-size: 12px; margin-left: 15px; margin-bottom: 15px;}
        .product-attribute-box ul{display: inline-block; vertical-align: middle; margin: 0 5px; max-width: 280px;}
        .product-attribute-box ul li{float: left; border: 1px solid #d2d2d2; padding: 3px; margin: 1px 3px; font-size: 13px;}
        .btn-group{width: 473px; overflow: auto;}
        .btn-group li{float: left; margin: 5px;}
        .btn-group li a{display: block; width: 147px; height: 39px; box-sizing: border-box; text-align: center; line-height: 39px;}
        .publish-taobao{background: #fc4b37;color:#fff;}
        .publish-taobao:hover{background: #F9220A;color:#fff;}
        .publish-ali,.publish-vdian{background: #fe8500;color:#fff;}
        .publish-ali:hover,.publish-vdian:hover{background: #FF9E34;color:#fff;}
        .download-cube,.add-order{background: #fff6ec;border:1px solid #f1ddbb;color:#ff7200;}
        .download-cube:hover,.add-order:hover{background: #FBEAD7;color:#ff7200;}
        .guarantee-express{background: #e4effe;border:1px solid #bcd0fe;color:#4a98dd;}
        .guarantee-express:hover{background: #D1E4FF;color:#4a98dd;}
        .btn-group li a i{vertical-align: middle; margin-right: 6px; margin-top: -4px;}
        .download-cube i{background: url(/public/images/index/demo/demo_07/download_cube_ico.png);width:12px;height: 13px;}
        .add-order i{background: url(/public/images/index/demo/demo_07/add_order_ico.png);width:16px;height: 18px;}
        .guarantee-express i{background: url(/public/images/index/demo/demo_07/guarantee_express_ico.png);width:16px;height: 14px;}
        .update-time{font-size: 12px; color: #c4c4c4; margin: 10px 20px;}
        .product-support{width: 453px; height: 70px; overflow: hidden; font-size: 12px; margin-left: 20px;}
        .product-support p{color: #868686; line-height: 25px;}
        .product-support p span{color: #a0a0a0; display: inline-block; border-left: 1px solid #ccc; margin-right: 10px; padding-left: 10px; line-height: 10px;}
        .product-support p span:nth-of-type(1){border: none; padding-left: 2px;}

        .product-info-right{width: 216px;height: inherit;float: left;border:1px solid #fe9d00}
        .merchant-name{background: url(/public/images/index/demo/demo_07/merhcant_name_bg.jpg); width: 216px; height: 42px;
            box-shadow: 0 2px 2px #999; color: #fff; font-size: 16px;line-height: 42px;position: relative}
        .merchant-name i{background: url(/public/images/index/demo/demo_07/medal.png); width: 40px; height: 50px; position: absolute; left: 7px; top: 6px;}
        .merchant-name span{display: block; width: 65%; margin-left: 46px; text-align: center;}
        .merchant-info-box{padding: 20px 5px;}
        .merchant-info-item{margin: 0 0 0 15px; font-size: 12px;}
        .merchant-info-item.text{margin-top: 6px;}
        .merchant-info-item.button{margin: 14px 0 15px 12px;}
        .merchant-info-item.talk{margin: 10px 0 0 14px;}
        .text-space{white-space: nowrap; width: 150px; overflow: hidden; display: inline-block; text-overflow: ellipsis;vertical-align: bottom;}
        .merchant-modal-box{position: relative; width: 126px; height: 25px; display: inline-block; vertical-align: top;}
        .show-more{background: url(/public/images/index/demo/demo_07/ico_arrow_down.png) no-repeat; width: 11px; height: 6px;
            position: absolute; right: 0; top: 5px; background-size: 100%; transition: all .3s ease;}
        .merchant-modal-list{height: 17px;position: relative;z-index: 2}
        .merchant-modal-box li{float: left; background: #9d9d9d; color: #fff; margin: 0 3px; padding: 0 1px;}
        .merchant-modal-box li.orange{background: #fe9300;}
        .merchant-modal-box li.red{background: #fc4b37;}
        .merchant-modal-box li.blue{background: #0087ff;}
        .modal-hide-list{display: none;position: absolute; border: 1px solid #e8e8e8; left: -66px; width: 174px;
            padding: 5px 10px; margin-top: 6px;background: #fff;}
        .modal-hide-list li{margin: 4px 3px;}
        .merchant-modal-box:hover .show-more,.contact-tel:hover .show-more{transform: rotate(180deg)}
        .merchant-modal-box:hover .modal-hide-list{display: block}
        .merchant-level{display: inline-block; vertical-align: middle; width: 120px; overflow: hidden; height: 18px;}
        .level-one{background: url(/public/images/index/demo/demo_07/level_1.gif);width: 16px; height: 16px; float: left; margin: 0 1px;}
        .level-two{background: url(/public/images/index/demo/demo_07/level_2.gif);width: 16px; height: 16px; float: left; margin: 0 1px;}
        .collect-merchant,.focus-merchant{border: 1px solid #e8e8e8; padding: 4px 3px; width: 85px; display: inline-block; text-align: center;}
        .collect-merchant:hover,.focus-merchant:hover{background: #F3F3F3;}
        .collect-merchant span,.focus-merchant span{vertical-align: middle;}
        .collect-merchant i{background: url(/public/images/index/demo/demo_07/heart_normal_ico.png);width: 14px;height: 12px;vertical-align: middle;margin-right:5px;}
        .focus-merchant i{background: url(/public/images/index/demo/demo_07/plus_normal_ico.png);width: 10px;height: 10px;vertical-align: middle;margin-right:5px;}
        .focus-merchant strong{transform: scale(0.8); display: inline-block; margin-left: -5px;}
        .contact-merchant{border-top: 1px solid #e8e8e8; padding-top: 8px; padding-left: 14px;}
        .contact-merchant span{font-weight: bold;font-size: 14px;display: inline-block;vertical-align: middle}
        .contact-merchant i{font-size: 12px;vertical-align: middle ;color:#C1B0B0;}
        .contact-tel{padding-right: 20px;}
        .contact-tel .tel-hide-box{position: absolute; left: 0; background: #fff; top: 15px; line-height: 23px;display: none;overflow: hidden;width: 100px;padding-top: 5px;}
        .contact-tel:hover .tel-hide-box{display: block;}
        .unique-box{border-top: 1px solid #e8e8e8; margin-top: 18px; padding: 16px 10px 0;}
        .unique-box .unique-title{font-size: 12px;margin-bottom: 10px;}
        .unique-box a img{width: 90px;height: 90px;}

        .product-details-box{overflow: auto;font-size: 12px;}
        .product-left-box{width: 160px;float: left;}
        .recommend-item{margin: 15px 0;}
        .recommend-item .img-box img{width: 160px;height: 160px;}
        .recommend-item .price{font-size: 14px; margin: 5px 0; font-weight: bold;}
        .recommend-item .price:before{content: "￥"}
        .product-center-box{width: 785px;float: left;margin:0 15px;}
        .product-details-banner{display: block}
        .details-nav-list{margin-top: 20px;overflow: auto;font-size: 13px;}
        .details-nav-item{float: left; padding: 10px 18px; background: #f7f7f7; border: 1px solid #e8e8e8;  cursor: pointer;}
        .details-nav-item.normal{font-weight: bold;line-height: 17px;}
        .details-nav-item.download{width: 110px;text-align: center}
        .download-num{transform: scale(0.7); font-weight: normal; vertical-align: middle; line-height: 12px;}
        .details-nav-item.first{border-left:1px solid #e8e8e8 !important;padding-left:18px !important; }
        .details-nav-item.normal:hover,.details-nav-item.active{color: #fe6e00; font-weight: bold; background: #fff;
            border: none; border-top: 3px solid; padding: 10px 19px; line-height: 14px;}
        .details-nav-item.phone{background: #fff; width: 95px; text-align: center; padding: 0; height: 37px; line-height: 37px;}
        .details-nav-item.phone:hover{background: #F3F3F3;}
        .details-nav-item.phone i{background: url(/public/images/index/demo/demo_07/phone_ico.png);width: 13px;height: 18px;vertical-align: middle;margin-left:5px;}
        .details-nav-item.daifa{background: #fe8500; color: #fff; border: 1px solid #fe8500;}
        .details-nav-item.daifa:hover{background: #FF9E34;border: 1px solid #fe8500;}

        .details-item{position: relative}
        .details-attribute-list{overflow: hidden; padding: 0 18px 15px; border: 1px solid; border-color: transparent #e8e8e8 #e8e8e8; height: 121px;min-height: 121px;}
        .details-attribute-item{float: left; margin: 13px 0 0; width: 149px; height: 17px; overflow: hidden; color: #a3a3a3;}
        .details-attribute-item span{color:#403B3B;}
        .show-more-attribute{position: absolute; background: #fff url(/public/images/index/demo/demo_07/ico_arrow_down.png) no-repeat center;cursor:pointer;
            width: 58px; height: 12px; right: 13px; bottom: -13px; border: 1px solid; background-size: 13px; border-color: transparent #e8e8e8 #e8e8e8;}
        .details-attribute-list.active{height: auto;}
        .details-attribute-list.active ~ .show-more-attribute{transform: rotate(180deg); border-color:#e8e8e8 #e8e8e8 transparent;}
        .product-data-box{height: 69px; padding: 0 15px; border-style: solid; border-color: #ddd; border-width: 2px 1px 1px; margin-top: 30px;}
        .product-data-title{float: left; font-size: 15px; width: 40px; border-right: 1px solid #e8e8e8; padding-right: 6px; line-height: 20px;margin-top:14px;}
        .product-data-categary{float:left; margin-left: 14px; width: 100px;line-height: 20px;margin-top:14px;}
        .product-data-categary span{color: #D6D1D1;}
        .product-histogram{float: left; margin-top: 9px;padding-right: 25px;}
        .histogram-time-box{border:1px solid #e1e1e1;height: 49px;float: left;}
        .time-left-box{float: left;padding: 0 3px;}
        .histogram-time-box p{font-weight: bold; font-size: 17px; text-align: center; color: #BBB; margin-top: 4px;}
        .histogram-time-box .time{transform: scale(0.8); display: inline-block; color: #ccc;}
        .histogram-list{height: 49px; float: left; max-width: 180px; overflow: hidden;}
        .histogram-item{float: left;position: relative;border-left:1px solid #e1e1e1;width: 5px;height: inherit}
        .histogram-item .bar{position: absolute; bottom: 0; left: 0;width: 100%; background: #fee3a9;}
        .histogram-item:hover .bar{background: #FFB923;}
        .product-rank-box{float: left; overflow: hidden; width: 350px; line-height: 22px; padding-top: 13px;}
        .product-rank-item{float: left;width: 170px;}
        .product-rank-item i{background:url(/public/images/index/demo/demo_07/rank_heart.png);width: 8px;height: 7px;vertical-align: middle;margin: 0 1px;}
        .product-rank-item .empty{background: url(/public/images/index/demo/demo_07/rank_heart_empty.png);}
        .keyword-box{border: 1px solid #e8e8e8; border-width: 0 1px; padding: 20px;}
        .keyword-box span{display: inline-block;}
        .keyword-box .keyword{color: #fff; padding: 2px 4px;margin-left: 10px;position: relative}
        .keyword-box .keyword .arrow{position: absolute; left: -12px; top: 4px; border:6px solid transparent}
        .keyword-box .tips{margin-left: 10px; color: #bbb;}
        .details-top-title{background: #fe6e00; color: #fff; padding: 10px 20px; font-size: 14px;}
        .product-details-content{border: 1px solid #e8e8e8; border-top-width:0;padding: 20px;}
        .download-box{margin-top: 20px;}
        .download-box .nav-list{overflow: auto; border-bottom: 2px solid #fe6e00;}
        .download-box .nav-item{float: left; background: #f3f3f3; color: #736D6D; text-align: center; cursor: pointer;
            padding: 10px 20px; border-right: 1px solid #e8e8e8; border-top: 1px solid #e8e8e8;}
        .download-box .nav-item:hover,.download-box .nav-item.active{background: #fe6e00;color:#fff;border-color:#fe6e00}
        .download-item{padding:20px;border:1px solid #e8e8e8;border-top-color: transparent;overflow: auto;}
        .download-item ul{width: 522px; float: left; border-right: 1px solid #e8e8e8; min-height: 270px;}
        .download-item ul li{margin: 5px 0;}
        .download-item ul li span{display: inline-block;height: 20px; overflow: hidden;}
        .download-item ul li .name{width: 110px; }
        .download-item ul li .level{width: 150px; }
        .download-item ul li .time{width: 180px;}
        .download-item ul li .status{width: 80px; }
        .download-right-banner{float: left;width: 180px;padding-left:20px; }
        .download-right-banner img{margin: 15px 0;}
        .download-right-banner .operate{position: relative}
        .download-right-banner .operate a{display: inline-block; padding: 0 7px;}
        .download-right-banner .operate span{position: absolute; right: -19px; top: -8px;}
        .download-right-banner .operate span i{font-size: 20px;}
        .product-right-box{border: 1px solid #e8e8e8; width: 216px; float: left; margin-left: -3px;}
        .product-right-box .title-box{background: #F5F4F3;height: 33px;border-bottom:1px solid #e8e8e8;}
        .product-right-box .title-box .title{background: #fff;border-right:1px solid #e8e8e8;text-align: center;width: 108px;line-height: 33px;}
        .product-right-box .notice-item ul{padding: 15px 15px 0; line-height: 20px;}
        .product-right-box .notice-item ul li{margin-bottom: 15px;}
        .product-right-box .notice-item ul li .time{color:#BDB4B4;}

        .footer{margin-top: 90px;}
        .footer-title{background: #c0c0c0;color:#fff;text-align: center;line-height: 29px;}
        .footer-flow{background: #f4f4f4 url(/public/images/index/demo/demo_07/flow_chart.jpg) no-repeat center;height: 247px;margin-bottom: 20px;}
        .footer-banner{background: url(http://usr.im/1190x75);width: 1190px;height: 75px;margin: 0 auto;display: block}
    </style>
</head>
<body>
<div class="outer">
    <div class="header">
        <div class="header-top html-center">
            <div class="top-logo">
                <img src="/public/images/index/demo/demo_07/logo.png" class="logo">
                <i></i>
                <div class="link-box">
                    <a href="javascript:;" class="link-normal">一手货源</a>
                    <a href="javascript:;" class="link-normal">独款</a>
                    <a href="javascript:;" class="link-normal">专题选货</a>
                    <a href="javascript:;" class="link-normal">一件代发</a>
                    <a href="javascript:;" class="link-normal">一手货源</a>
                    <a href="javascript:;" class="link-normal">独款</a>
                    <a href="javascript:;" class="link-normal">专题选货</a>
                    <a href="javascript:;" class="link-normal">一件代发</a>
                </div>
            </div>
            <p class="top-user">
                您好，<i>ansen2003</i>&ensp;<a href="javascript:;">退出</a>
            </p>
            <p class="top-phone">
                热线<strong>400-6611-603</strong>
            </p>
            <ul class="top-nav-main-list">
                <li class="top-nav-item"><a class="link-normal" href="javascript:;">首页</a></li>
                <li class="top-nav-item"><a class="link-normal" href="javascript:;">找款</a></li>
                <li class="top-nav-item"><a class="link-normal" href="javascript:;">一手货源</a></li>
                <li class="top-nav-item"><a class="link-normal" href="javascript:;">聚潮货</a></li>
                <li class="top-nav-item"><a class="link-normal" href="javascript:;">实力质造</a></li>
                <li class="top-nav-item"><a class="link-normal" href="javascript:;">找厂商</a></li>
                <li class="top-nav-item"><a class="link-normal" href="javascript:;">找代发</a></li>
                <li class="top-nav-item"><a class="link-normal" href="javascript:;">摄影设计</a></li>
                <li class="top-nav-item"><a class="link-normal" href="javascript:;">商学院</a></li>
            </ul>
        </div>
        <div class="header-middle">
            <div class="html-center">
                <div class="header-middle-left">
                    <a href="javascript:;" class="merchant-title">迪特尼真皮鞋业</a>
                    <p class="merchant-link">http://dtl.go2.cn</p>
                    <a href="javascript:;" class="save-desktop link-normal">保存到桌面</a>
                    <a href="javascript:;" class="collect-link link-normal">收藏</a>
                </div>
                <div class="header-middle-right">
                    <img src="/public/images/index/demo/demo_07/two_code_small.jpg" alt="" class="header-two-code">
                    <div class="merchant-lite-info">
                        <p class="merchant-qq"><span>拿货咨询：2375135505</span><a href="javascript:;" class="qq-talk"></a></p>
                        <p class="merchant-phone"><i></i>13982017668 / 13650555071</p>
                        <p class="merchant-address">四川成都 国际商贸城3区2楼13街22042号</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="header-bottom">
            <div class="html-center">
                <div class="header-bottom-left">
                    <ul class="nav-main-list">
                        <li><a href="javascript:;">商家首页</a></li>
                        <li><a href="javascript:;" class="active">供应商品</a></li>
                        <li><a href="javascript:;">当季新品<i class="new-ico"></i></a></li>
                        <li><a href="javascript:;"><i class="locked-ico"></i>会员专供</a></li>
                        <li><a href="javascript:;">镇店之宝</a></li>
                        <li><a href="javascript:;">独家款式</a></li>
                        <li><a href="javascript:;">库存清仓</a></li>
                        <li><a href="javascript:;" class="gray">已下架货源</a></li>
                    </ul>
                </div>
                <div class="header-bottom-right">
                    <ul class="nav-other-list">
                        <li><a href="javascript:;" class="link-normal">商家动态</a></li>
                        <li><a href="javascript:;" class="link-normal">生产实拍</a></li>
                        <li><a href="javascript:;" class="link-normal">厂商介绍</a></li>
                        <li><a href="javascript:;" class="link-normal">服务承诺</a></li>
                        <li><a href="javascript:;" class="link-normal">联系方式</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="main">
        <div class="second-nav-box">
            <ul class="second-nav-list html-center">
                <li class="second-nav-item"><a href="javascript:;" class="all">所有</a></li>
                <li class="second-nav-item"><a href="javascript:;">凉鞋（3）</a></li>
                <li class="second-nav-item"><a href="javascript:;">凉鞋（3）</a></li>
                <li class="second-nav-item"><a href="javascript:;">凉鞋（3）</a></li>
                <li class="second-nav-item"><a href="javascript:;">凉鞋（3）</a></li>
                <li class="second-nav-item"><a href="javascript:;">凉鞋（3）</a></li>
                <li class="second-nav-item"><a href="javascript:;">凉鞋（3）</a></li>
                <li class="second-nav-item active"><a href="javascript:;" class="link-normal">商品详情</a></li>
            </ul>
        </div>
        <div class="main-content html-center">
            <div class="product-info-box">
                <div class="product-info-left">
                    <a href="javascript:;" class="report-btn link-normal">投诉举报</a>
                    <div class="inner">
                        <div class="product-img-box">
                            <div class="big-img-box">
                                <div class="tag-box">
                                    <img src="/public/images/index/demo/demo_07/product_tag_ico_1.png" alt="">
                                    <img src="/public/images/index/demo/demo_07/product_tag_ico_2.png" alt="">
                                </div>
                                <img src="http://usr.im/450x450" class="big-img">
                                <div class="share-box">
                                    <a href="javascript:;">收藏<i class="small">（234）</i></a>
                                    <a href="javascript:;">分享<i class="small">（86）</i></a>
                                    <a href="javascript:;">外链本商品图片</a>
                                </div>
                            </div>
                            <ul class="small-img-list">
                                <li class="small-img-item active">
                                    <img src="http://usr.im/60x60" alt="" data-url="http://usr.im/450x450">
                                </li>
                                <li class="small-img-item">
                                    <img src="http://usr.im/60x60" alt="" data-url="http://usr.im/450x450">
                                </li>
                                <li class="small-img-item">
                                    <img src="http://usr.im/60x60" alt="" data-url="http://usr.im/450x450">
                                </li>
                                <li class="small-img-item">
                                    <img src="http://usr.im/60x60" alt="" data-url="http://usr.im/450x450">
                                </li>
                                <li class="small-img-item">
                                    <img src="http://usr.im/60x60" alt="" data-url="http://usr.im/450x450">
                                </li>
                                <li class="small-img-item">
                                    <img src="http://usr.im/60x60" alt="" data-url="http://usr.im/450x450">
                                </li>
                            </ul>
                        </div>
                        <div class="product-details">
                            <h5>商品货号：浪明诗&K69-1</h5>
                            <h6>采购分销商发布到零售平台请不要修改货号以便于物流拣货速度提升</h6>
                            <div class="product-price-info">
                                <div class="top-box">
                                    <div class="product-info-inner">
                                        <p class="price">出厂拿货价 <strong>73<i>.00</i></strong>元</p>
                                        <p class="price">建议零售价 <strong>158<i>.00</i></strong>元</p>
                                        <p class="percent">毛利率 <strong>36%</strong></p>
                                        <div class="order-price">整单价：<p>13982017668（张万利）</p>暂未开放，请联系厂商获得整单订货价</div>
                                    </div>
                                </div>
                                <div class="middle-box">
                                    <p class="second-title">2016年最新小白鞋，大货已出，放心卖</p>
                                </div>
                                <div class="bottom-box">
                                    <div class="product-tag-box">
                                        <i class="show-more"></i>
                                        <ul>
                                            <li><i></i><span>金牌供应</span></li>
                                            <li><i></i><span>有大货</span></li>
                                            <li><i></i><span>72小时发货</span></li>
                                            <li><i></i><span>金牌供应</span></li>
                                            <li><i></i><span>有大货</span></li>
                                            <li><i></i><span>72小时发货</span></li>
                                            <li><i></i><span>金牌供应</span></li>
                                            <li><i></i><span>有大货</span></li>
                                            <li><i></i><span>72小时发货</span></li>
                                            <li><i></i><span>金牌供应</span></li>
                                            <li><i></i><span>有大货</span></li>
                                            <li><i></i><span>72小时发货</span></li>
                                        </ul>
                                    </div>
                                    <p class="daifa-box"><i>>1</i>件起代发</p>
                                    <div class="product-service-box">
                                        <i class="show-more"></i>
                                        <ul>
                                            <li>15天包退换</li>
                                            <li>15天包退换</li>
                                            <li>15天包退换</li>
                                            <li>15天包退换</li>
                                            <li>15天包退换</li>
                                            <li>15天包退换</li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="product-attribute-box">
                                <span>尺码</span>
                                <ul>
                                    <li>35</li>
                                    <li>35</li>
                                    <li>35</li>
                                    <li>35</li>
                                    <li>35</li>
                                </ul>
                                <span>（标准尺码，共5个码）</span>
                            </div>
                            <div class="product-attribute-box">
                                <span>颜色</span>
                                <ul>
                                    <li>灰色</li>
                                    <li>黑色</li>
                                    <li>红色</li>
                                </ul>
                                <span>（共3色）</span>
                            </div>
                            <ul class="btn-group">
                                <li><a href="javascript:;" class="publish-taobao">一键发布到淘宝</a></li>
                                <li><a href="javascript:;" class="publish-ali">发布到阿里巴巴</a></li>
                                <li><a href="javascript:;" class="publish-vdian">发布到微店</a></li>
                                <li><a href="javascript:;" class="download-cube"><i></i><span>下载数据包</span></a></li>
                                <li><a href="javascript:;" class="add-order"><i></i><span>加入选货单</span></a></li>
                                <li><a href="javascript:;" class="guarantee-express"><i></i><span>担保代发货</span></a></li>
                            </ul>
                            <p class="update-time">最后更新：2016/01/27 23:57:36</p>
                            <div class="product-support">
                                <p>货源适合：<span>淘宝网</span><span>阿里巴巴</span><span>微店</span></p>
                                <p>交易支持：<span>代发担保交易系统</span><span>线下实体店拿货</span><span>支付宝</span></p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="product-info-right">
                    <div class="merchant-name"><i></i><span>迪特尼真皮鞋业</span></div>
                    <div class="merchant-info-box">
                        <div class="merchant-info-item">
                            <label>经营模式：</label>
                            <div class="merchant-modal-box">
                                <ul class="merchant-modal-list">
                                    <li>加工生产</li>
                                    <li class="orange">网销供应</li>
                                </ul>
                                <span class="show-more"></span>
                                <ul class="modal-hide-list">
                                    <li>加工生产</li>
                                    <li class="blue">网销供应</li>
                                    <li>加工生产</li>
                                    <li class="red">网销供应</li>
                                    <li>加工生产</li>
                                    <li class="orange">网销供应</li>
                                    <li class="blue">加工生产</li>
                                    <li class="orange">网销供应</li>
                                    <li class="red">加工生产</li>
                                    <li class="orange">网销供应</li>
                                </ul>
                            </div>
                        </div>
                        <div class="merchant-info-item">
                            <label>供应等级：</label>
                            <div class="merchant-level">
                                <i class="level-one"></i>
                                <i class="level-one"></i>
                                <i class="level-two"></i>
                                <i class="level-two"></i>
                            </div>
                        </div>
                        <div class="merchant-info-item text">
                            <label>入驻时长：</label>
                            <span><i class="text-orange">1273</i>天</span>
                        </div>
                        <div class="merchant-info-item text">
                            <label>保&ensp;证&ensp;金：</label>
                            <span><i class="text-orange">2000</i>元</span>
                        </div>
                        <div class="merchant-info-item text">
                            <label>实名认证：</label>
                            <span><i class="text-blue">范朝阳</i><img src="/public/images/index/demo/demo_07/id_card.png" alt=""></span>
                        </div>
                        <div class="merchant-info-item button">
                            <a href="javascript:;" class="collect-merchant"><i></i><span>收藏店铺</span></a>
                            <a href="javascript:;" class="focus-merchant"><i></i><span>关注<strong class="text-orange">（234）</strong></span></a>
                        </div>
                        <p class="contact-merchant"><span>联系方式</span><i>（接受上门取货）</i></p>
                        <div class="merchant-info-item text">
                            <label>电话：</label>
                                <span class="contact-tel pr">
                                    <i class="text-orange">13541216000</i><span class="show-more"></span>
                                    <div class="tel-hide-box">
                                        <p class="text-orange">13541216000</p>
                                        <p class="text-orange">13541216000</p>
                                    </div>
                                </span>
                        </div>
                        <div class="merchant-info-item text">
                            <label>城市：</label>
                            <span>四川&ensp;成都</span>
                        </div>
                        <div class="merchant-info-item text">
                            <label>出货：</label>
                            <span class="text-space" title="商贸城3区2楼13街22042号名字很长">商贸城3区2楼13街22042号名字很长</span>
                        </div>
                        <div class="merchant-info-item text">
                            <label>生产：</label>
                            <span class="text-space" title="四川成都武侯区">四川成都武侯区</span>
                        </div>
                        <div class="merchant-info-item talk">
                            <label>咨询：</label>
                            <a href="javascript:;" class="qq-talk"></a><a href="javascript:;" class="wangwang-talk"></a>
                        </div>
                        <div class="unique-box">
                            <p class="unique-title">独家款</p>
                            <a href="javascript:;"><img src="http://usr.im/90x90" alt=""></a>
                            <a href="javascript:;"><img src="http://usr.im/90x90" alt=""></a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="product-details-box">
                <div class="product-left-box">
                    <p class="title">厂商推荐</p>
                    <ul class="recommend-list">
                        <li class="recommend-item">
                            <a class="img-box" href="javascript:;"><img src="http://usr.im/160x160" alt=""></a>
                            <p class="price text-orange">89.00</p>
                            <a href="javascript:;" class="name link-normal">2015夏季新款学生超高跟凉尚鱼嘴镂空罗马鞋</a>
                        </li>
                        <li class="recommend-item">
                            <a class="img-box" href="javascript:;"><img src="http://usr.im/160x160" alt=""></a>
                            <p class="price text-orange">89.00</p>
                            <a href="javascript:;" class="name link-normal">2015夏季新款学生超高跟凉尚鱼嘴镂空罗马鞋</a>
                        </li>
                        <li class="recommend-item">
                            <a class="img-box" href="javascript:;"><img src="http://usr.im/160x160" alt=""></a>
                            <p class="price text-orange">89.00</p>
                            <a href="javascript:;" class="name link-normal">2015夏季新款学生超高跟凉尚鱼嘴镂空罗马鞋</a>
                        </li>
                        <li class="recommend-item">
                            <a class="img-box" href="javascript:;"><img src="http://usr.im/160x160" alt=""></a>
                            <p class="price text-orange">89.00</p>
                            <a href="javascript:;" class="name link-normal">2015夏季新款学生超高跟凉尚鱼嘴镂空罗马鞋</a>
                        </li>
                        <li class="recommend-item">
                            <a class="img-box" href="javascript:;"><img src="http://usr.im/160x160" alt=""></a>
                            <p class="price text-orange">89.00</p>
                            <a href="javascript:;" class="name link-normal">2015夏季新款学生超高跟凉尚鱼嘴镂空罗马鞋</a>
                        </li>
                    </ul>
                </div>
                <div class="product-center-box">
                    <a href="javascript:;" class="product-details-banner"><img src="http://usr.im/785x80"></a>
                    <ul class="details-nav-list">
                        <li class="details-nav-item normal active first">商品详情</li>
                        <li class="details-nav-item normal">拿货咨询</li>
                        <li class="details-nav-item normal download">下载发布人气<i class="text-orange download-num">2237</i></li>
                        <li class="details-nav-item normal">数据</li>
                        <li class="details-nav-item normal">投诉</li>
                        <li class="details-nav-item normal">采购说明</li>
                        <li class="details-nav-item phone"><span class="text-middle">手机版</span><i></i></li>
                        <li class="details-nav-item daifa">找担保金安全代发</li>
                    </ul>
                    <!--商品详情-->
                    <div class="details-item">
                        <div class="pr">
                            <ul class="details-attribute-list">
                                <li class="details-attribute-item">鞋垫材质：<span>头层猪皮</span></li>
                                <li class="details-attribute-item">上市时间：<span>2015年秋季</span></li>
                                <li class="details-attribute-item">风格：<span>优雅帮面</span></li>
                                <li class="details-attribute-item">材质：<span>羊皮（除羊反绒）</span></li>
                                <li class="details-attribute-item">内里材质：<span>头层猪皮</span></li>
                                <li class="details-attribute-item">皮质特征：<span class="text-orange">水染皮</span></li>
                                <li class="details-attribute-item">鞋垫材质：<span>头层猪皮</span></li>
                                <li class="details-attribute-item">上市时间：<span>2015年秋季</span></li>
                                <li class="details-attribute-item">风格：<span>优雅帮面</span></li>
                                <li class="details-attribute-item">材质：<span>羊皮（除羊反绒）</span></li>
                                <li class="details-attribute-item">内里材质：<span>头层猪皮</span></li>
                                <li class="details-attribute-item">皮质特征：<span class="text-orange">水染皮</span></li>
                                <li class="details-attribute-item">鞋垫材质：<span>头层猪皮</span></li>
                                <li class="details-attribute-item">上市时间：<span>2015年秋季</span></li>
                                <li class="details-attribute-item">风格：<span>优雅帮面</span></li>
                                <li class="details-attribute-item">材质：<span>羊皮（除羊反绒）</span></li>
                                <li class="details-attribute-item">内里材质：<span>头层猪皮</span></li>
                                <li class="details-attribute-item">皮质特征：<span class="text-orange">水染皮</span></li>
                                <li class="details-attribute-item">鞋垫材质：<span>头层猪皮</span></li>
                                <li class="details-attribute-item">上市时间：<span>2015年秋季</span></li>
                                <li class="details-attribute-item">风格：<span>优雅帮面</span></li>
                                <li class="details-attribute-item">材质：<span>羊皮（除羊反绒）</span></li>
                                <li class="details-attribute-item">内里材质：<span>头层猪皮</span></li>
                                <li class="details-attribute-item">皮质特征：<span class="text-orange">水染皮</span></li>
                            </ul>
                            <span class="show-more-attribute"></span>
                        </div>
                        <div class="product-data-box">
                            <span class="product-data-title">行情数据</span>
                            <div class="product-data-categary">
                                <p>类目：低帮鞋</p>
                                <span>近30日竞争走势</span>
                            </div>
                            <div class="product-histogram">
                                <div class="histogram-time-box">
                                    <div class="time-left-box">
                                        <p>K</p>
                                        <span class="time">0228</span>
                                    </div>
                                    <ul class="histogram-list">
                                        <li class="histogram-item"><span title="文字提示" class="bar" style="height:50%"></span></li>
                                        <li class="histogram-item"><span title="文字提示" class="bar" style="height:40%"></span></li>
                                        <li class="histogram-item"><span title="文字提示" class="bar" style="height:20%;"></span></li>
                                        <li class="histogram-item"><span title="文字提示" class="bar" style="height:80%"></span></li>
                                        <li class="histogram-item"><span title="文字提示" class="bar" style="height: 90%"></span></li>
                                        <li class="histogram-item"><span title="文字提示" class="bar" style="height:50%"></span></li>
                                        <li class="histogram-item"><span title="文字提示" class="bar" style="height:40%"></span></li>
                                        <li class="histogram-item"><span title="文字提示" class="bar" style="height:20%;"></span></li>
                                        <li class="histogram-item"><span title="文字提示" class="bar" style="height:80%"></span></li>
                                        <li class="histogram-item"><span title="文字提示" class="bar" style="height: 90%"></span></li>
                                        <li class="histogram-item"><span title="文字提示" class="bar" style="height:50%"></span></li>
                                        <li class="histogram-item"><span title="文字提示" class="bar" style="height:40%"></span></li>
                                        <li class="histogram-item"><span title="文字提示" class="bar" style="height:20%;"></span></li>
                                        <li class="histogram-item"><span title="文字提示" class="bar" style="height:80%"></span></li>
                                        <li class="histogram-item"><span title="文字提示" class="bar" style="height: 90%"></span></li>
                                        <li class="histogram-item"><span title="文字提示" class="bar" style="height:50%"></span></li>
                                        <li class="histogram-item"><span title="文字提示" class="bar" style="height:40%"></span></li>
                                        <li class="histogram-item"><span title="文字提示" class="bar" style="height:20%;"></span></li>
                                        <li class="histogram-item"><span title="文字提示" class="bar" style="height:80%"></span></li>
                                        <li class="histogram-item"><span title="文字提示" class="bar" style="height:90%"></span></li>
                                        <li class="histogram-item"><span title="文字提示" class="bar" style="height:50%"></span></li>
                                        <li class="histogram-item"><span title="文字提示" class="bar" style="height:40%"></span></li>
                                        <li class="histogram-item"><span title="文字提示" class="bar" style="height:20%;"></span></li>
                                        <li class="histogram-item"><span title="文字提示" class="bar" style="height:80%"></span></li>
                                        <li class="histogram-item"><span title="文字提示" class="bar" style="height: 90%"></span></li>
                                        <li class="histogram-item"><span title="文字提示" class="bar" style="height:50%"></span></li>
                                        <li class="histogram-item"><span title="文字提示" class="bar" style="height:40%"></span></li>
                                        <li class="histogram-item"><span title="文字提示" class="bar" style="height:20%;"></span></li>
                                        <li class="histogram-item"><span title="文字提示" class="bar" style="height:80%"></span></li>
                                        <li class="histogram-item"><span title="文字提示" class="bar" style="height: 90%"></span></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="product-rank-box">
                                <div class="product-rank-item"><span>竞争力：</span><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i class="empty"></i><i class="empty"></i></div>
                                <div class="product-rank-item"><span>供应方式：</span><span>厂家自产销</span></div>
                                <div class="product-rank-item"><span>性价比：</span><i></i><i></i><i></i><i></i><i></i><i></i><i class="empty"></i><i class="empty"></i><i class="empty"></i><i class="empty"></i></div>
                                <div class="product-rank-item"><span>利润空间：</span><i></i><i></i><i></i><i></i><i></i><i class="empty"></i><i class="empty"></i><i class="empty"></i><i class="empty"></i><i class="empty"></i></div>
                            </div>
                        </div>
                        <div class="keyword-box">
                            <span class="title">标题关键词推荐</span>
                            <span class="keyword" style="background: #949494"><i class="arrow" style="border-right-color: #949494"></i>大牌同款</span>
                            <span class="keyword" style="background: #C7C3C3"><i class="arrow" style="border-right-color: #C7C3C3"></i>范冰冰走季款</span>
                            <span class="keyword" style="background: #616161"><i class="arrow" style="border-right-color: #616161"></i>真皮马毛</span>
                            <span class="keyword" style="background: #2F2F2F"><i class="arrow" style="border-right-color: #2F2F2F"></i>克罗心2016款</span>
                            <span class="keyword" style="background: #949494"><i class="arrow" style="border-right-color: #949494"></i>粗坡跟</span>
                            <span class="tips">颜色越深代表关键词使用频率越高</span>
                        </div>
                        <h4 class="details-top-title">GO2.CN 购途市场  迪特尼真皮女鞋  一手货源唯一拿货地址  http://lms.go2.cn/</h4>
                        <div class="product-details-content">
                            <!--商品内容html-->
                        </div>
                        <div class="download-box">
                            <ul class="nav-list">
                                <li class="nav-item active">下载发布人气</li>
                                <li class="nav-item">近30日商品人气</li>
                                <li class="nav-item">近30日类目行情</li>
                            </ul>
                            <div class="download-item">
                                <ul>
                                    <li><span class="name">g***3</span><span class="level"><i class="level-one"></i><i class="level-one"></i><i class="level-one"></i></span><span class="time">2016-01-21 11:16:17</span><span class="status">发布</span></li>
                                    <li><span class="name">g***3</span><span class="level"><i class="level-two"></i><i class="level-two"></i><i class="level-two"></i></span><span class="time">2016-01-21 11:16:17</span><span class="status">发布</span></li>
                                    <li><span class="name">g***3</span><span class="level">新卖家 <i class="text-orange">NEW</i></span><span class="time">2016-01-21 11:16:17</span><span class="status">发布</span></li>
                                    <li><span class="name">g***3</span><span class="level">新卖家 <i class="text-orange">NEW</i></span><span class="time">2016-01-21 11:16:17</span><span class="status">发布</span></li>
                                    <li><span class="name">g***3</span><span class="level">新卖家 <i class="text-orange">NEW</i></span><span class="time">2016-01-21 11:16:17</span><span class="status">发布</span></li>
                                    <li><span class="name">g***3</span><span class="level">新卖家 <i class="text-orange">NEW</i></span><span class="time">2016-01-21 11:16:17</span><span class="status">发布</span></li>
                                    <li><span class="name">g***3</span><span class="level">新卖家 <i class="text-orange">NEW</i></span><span class="time">2016-01-21 11:16:17</span><span class="status">发布</span></li>
                                    <li><span class="name">g***3</span><span class="level">新卖家 <i class="text-orange">NEW</i></span><span class="time">2016-01-21 11:16:17</span><span class="status">发布</span></li>
                                    <li><span class="name">g***3</span><span class="level">新卖家 <i class="text-orange">NEW</i></span><span class="time">2016-01-21 11:16:17</span><span class="status">发布</span></li>
                                    <li><span class="name">g***3</span><span class="level"><i class="level-two"></i><i class="level-two"></i><i class="level-two"></i></span><span class="time">2016-01-21 11:16:17</span><span class="status">发布</span></li>
                                    <li><span class="name">g***3</span><span class="level"><i class="level-two"></i><i class="level-two"></i><i class="level-two"></i></span><span class="time">2016-01-21 11:16:17</span><span class="status">发布</span></li>
                                </ul>
                                <div class="download-right-banner">
                                    <p>人气商品</p>
                                    <img src="http://usr.im/200x200" alt="">
                                    <div class="operate"><a href="javascript:;" class="link-normal">收藏</a><a href="javascript:;" class="link-normal">分享</a><span>拿货价 <i class="text-orange">73.00</i></span></div>

                                </div>
                            </div>
                        </div>
                    </div>
                    <!--拿货咨询-->
                    <div class="details-item hide">
                        拿货咨询
                    </div>
                    <!--下载发布人气-->
                    <div class="details-item hide">
                        <div class="download-box">
                            <div class="download-item" style="border-color:#e8e8e8;">
                                <ul>
                                    <li><span class="name">g***3</span><span class="level"><i class="level-one"></i><i class="level-one"></i><i class="level-one"></i></span><span class="time">2016-01-21 11:16:17</span><span class="status">发布</span></li>
                                    <li><span class="name">g***3</span><span class="level"><i class="level-two"></i><i class="level-two"></i><i class="level-two"></i></span><span class="time">2016-01-21 11:16:17</span><span class="status">发布</span></li>
                                    <li><span class="name">g***3</span><span class="level">新卖家 <i class="text-orange">NEW</i></span><span class="time">2016-01-21 11:16:17</span><span class="status">发布</span></li>
                                    <li><span class="name">g***3</span><span class="level">新卖家 <i class="text-orange">NEW</i></span><span class="time">2016-01-21 11:16:17</span><span class="status">发布</span></li>
                                    <li><span class="name">g***3</span><span class="level">新卖家 <i class="text-orange">NEW</i></span><span class="time">2016-01-21 11:16:17</span><span class="status">发布</span></li>
                                    <li><span class="name">g***3</span><span class="level">新卖家 <i class="text-orange">NEW</i></span><span class="time">2016-01-21 11:16:17</span><span class="status">发布</span></li>
                                    <li><span class="name">g***3</span><span class="level">新卖家 <i class="text-orange">NEW</i></span><span class="time">2016-01-21 11:16:17</span><span class="status">发布</span></li>
                                    <li><span class="name">g***3</span><span class="level">新卖家 <i class="text-orange">NEW</i></span><span class="time">2016-01-21 11:16:17</span><span class="status">发布</span></li>
                                    <li><span class="name">g***3</span><span class="level">新卖家 <i class="text-orange">NEW</i></span><span class="time">2016-01-21 11:16:17</span><span class="status">发布</span></li>
                                    <li><span class="name">g***3</span><span class="level"><i class="level-two"></i><i class="level-two"></i><i class="level-two"></i></span><span class="time">2016-01-21 11:16:17</span><span class="status">发布</span></li>
                                    <li><span class="name">g***3</span><span class="level"><i class="level-two"></i><i class="level-two"></i><i class="level-two"></i></span><span class="time">2016-01-21 11:16:17</span><span class="status">发布</span></li>
                                </ul>
                                <div class="download-right-banner">
                                    <p>人气商品</p>
                                    <img src="http://usr.im/200x200" alt="">
                                    <div class="operate"><a href="javascript:;">收藏</a><a href="javascript:;">分享</a><span>拿货价 <i class="text-orange">73.00</i></span></div>

                                </div>
                            </div>
                        </div>
                    </div>
                    <!--数据-->
                    <div class="details-item hide">
                        数据
                    </div>
                    <!--投诉-->
                    <div class="details-item hide">
                        投诉
                    </div>
                    <!--采购说明-->
                    <div class="details-item hide">
                        采购说明
                    </div>
                </div>
                <div class="product-right-box">
                    <div class="title-box">
                        <p class="title">商家动态公告</p>
                    </div>
                    <div class="notice-item">
                        <ul>
                            <li>
                                <p class="text">春江；货号218的商品下架了，请及时更新产吕信息！</p>
                                <p class="time">[2015-12-29 09:17:19]</p>
                            </li>
                            <li>
                                <p class="text">春江；货号218的商品下架了，请及时更新产吕信息！</p>
                                <p class="time">[2015-12-29 09:17:19]</p>
                            </li>
                            <li>
                                <p class="text">春江；货号218的商品下架了，请及时更新产吕信息！</p>
                                <p class="time">[2015-12-29 09:17:19]</p>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="footer-title">迪特尼真皮女鞋 温馨提示您请参考 GO2采购商使用流程 进行安全快捷采购交易</div>
        <div class="footer-flow"></div>
        <a href="javascript:;" class="footer-banner"></a>
    </div>
</div>
<script src="//cdn.bootcss.com/jquery/2.1.4/jquery.min.js"></script>
<script src="/public/scripts/base.js"></script>
<script>
    //统一执行入口
    $(function(){
        //切换商品图
        $(".small-img-item").mouseover(function(){
            $(".small-img-item").removeClass("active");
            $(this).addClass("active");
            var bigUrl = $(this).find("img").attr("data-url");
            $(".big-img-box .big-img").attr("src",bigUrl);
        });
        //商品详情->展开更多属性
        $(".show-more-attribute").click(function(){
            $(".details-attribute-list").toggleClass("active");
        });
        //切换选项卡
        $(".details-nav-item.normal").click(function(){
            var index = $(this).index();
            $(".details-nav-item").removeClass("active");
            $(this).addClass("active");
            $(".details-item").addClass("hide");
            $(".details-item").eq(index).removeClass("hide");
        });
    })
</script>
</body>
</html>